<template>
  <div id="Houselist">
    <div class="content">
      <van-list v-model="loading" :finished="finished" finished-text="没有更多了">
        <van-cell v-for="(item, index) in contentData" @click="contentClick(item)" :key="index">
          <ul>
            <li>
              <p style="font-weight: bold; margin-bottom: 8px; height: 3vh">
                <span style>{{ item.HOUSEAPPLICANT }}</span>
                <span style="float: right">
                  <van-button size="small" type="info" @click="handleJDBG(item)">鉴定报告</van-button>
                  <van-button size="small" type="info" @click="handleJWTZS(item)">解危通知书</van-button>
                </span>
              </p>
              <p style="font-size: 14px; color: #848484">
                <span style="float: left">房屋编号：{{ item.FAMILYHOUSEID || '暂无数据' }}</span>
                <span style="float: right">{{ item.APPLYTIME }}</span>
              </p>
              <p style="clear: both; display: flex;justify-content:space-between">
                <span @click="gotoMap(item)" style="font-size: 14px; color: blue;overflow: hidden;">
                  <img
                  style="margin-right: 4px"
                  width="10"
                  src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/YPC/dingwei.png"
                />
                  {{ item.PERMANENTADDR || '暂无数据' }}
                </span>
                <span style="">鉴定等级:C级</span>
              </p>
            </li>
          </ul>
        </van-cell>
      </van-list>
    </div>
  </div>
</template>


<style lang="scss" scoped>
#Houselist{
  height: 100vh;
  width: 100vw;
  background: #eee;
  font-size: 16px;
  overflow: hidden;
  .content {
    ul li {
      background-color: white;
      border-radius: 10px;
      padding: 14px;
      width: 98%;
      margin: 0 auto;
      margin-top: 6px;
      color: black;
      box-shadow: 0 0 12px #e3e3e3;
    }
  }
}
</style>
<style>
#Houselist .van-cell {
  background-color: #eee !important;
  padding: 4px 10px;
}
</style>
<script>
import dd from 'gdt-jsapi'
export default{
  data(){
    return{
      loading: false,
      finished: false,
      contentData: [{
            "PKID":36224,
            "TASK_CAUTIONLIGHT":"3",
            "ROW_GUID":"9e3b90b0-5b9f-4ae2-95eb-ee70ae3eecbb",
            "PROC_NAME":"建房审批",
            "NODE_NAME":"村预审",
            "NODE_GUID":"{A0C5F07B-1947-452D-942B-81D8A2095EBA}",
            "WF_GUID":"{9FF1C524-B55F-4A45-83B3-6EA46CF32092}",
            "BIZGUID":"53f76168-18bb-4ef9-96cf-70dbacd12000",
            "BIZGUID_1":"53f76168-18bb-4ef9-96cf-70dbacd12000",
            "TASK_ID":null,
            "CERTIFICATECODE":"130903201707210318",
            "HOUSEAREA":null,
            "HOUSETYPE":null,
            "HOUSEAPPLICANT":"李佳",
            "APPLYPHONE":13474837648,
            "APPLYTYPE":null,
            "APPLYTIME":"2022-11-03 22:27:32",
            "BUILDTYPE":12,
            "SPLX":null,
            "BUILDREASON":null,
            "LANDTYPE":null,
            "STRUCTURETYPE":null,
            "ADDRESS":null,
            "HOMESTEADAREA":null,
            "BUILDAREA":null,
            "BUILDSTOREY":null,
            "BUILDHEIGHT":null,
            "HOUSEFLOORAREA":null,
            "APPLYSTATE":null,
            "CREATETIME":null,
            "VERSION":null,
            "HOUSEID":null,
            "PERSONNAME":null,
            "IDCARD":null,
            "PERMANENTADDR":"1号",
            "HOLDERISCANCEL":null,
            "ISDEATH":null,
            "ISSUPPORT":null,
            "AGE":null,
            "ISDISEASE":null,
            "ISSHAREHOLDER":null,
            "OFFICEWORK":null,
            "ADJACENTOPINION":null,
            "WALLCOLOR":null,
            "CONSTRUCTIONTYPE":null,
            "MASONRYTYPE":null,
            "SEWAGEDISPOSAL":null,
            "ISHIGHRISKAREA":null,
            "CUTSLOPEBUILDING":null,
            "PERMANENTADDRESS":null,
            "CONSTRUCITONADDRESS":null,
            "ORIGINALAREA":null,
            "ISDISPOSAL":null,
            "DISPOSALMETHOD":null,
            "ORICERTIFICATECODE":null,
            "MPH":null,
            "AREACOVERED":null,
            "SEX":null,
            "SQLY":null,
            "BZ":null,
            "DZ":null,
            "NZ":null,
            "IF_LJF":null,
            "XZ":null,
            "CUNJIID":null,
            "CUNJIMC":"刘欣茹",
            "SQFS":36,
            "DBRXM":"柳心如",
            "DBRSFZH":"130903199907050320",
            "DBRSJH":"13581759473",
            "S":"441300000000",
            "X":"330172000000",
            "ZGSHYJ":null,
            "JSXZ":null,
            "ZJDMJ":null,
            "JZMJ":null,
            "ZJDDH":null,
            "QSZSH":null,
            "XZJDCZQK":null,
            "XZJDCZYJ":null,
            "ZJZGSHJG":null,
            "YJ":null,
            "ZJZGSHYJFZR":null,
            "ZJZGSH":null,
            "GHYJJBR":null,
            "GHJBRJG":null,
            "GHFZR":null,
            "NFFZR":null,
            "NFJBR":null,
            "NFJBRJG":null,
            "NFFZRJG":null,
            "ZFSH":null,
            "CS":null,
            "TOWN":"330172701000",
            "NHID":null,
            "CWID":"62471",
            "ZJID":null,
            "CWMC":null,
            "ZJMC":null,
            "ZGSJ":null,
            "ZGSHR":null,
            "ZJZGSHR":null,
            "ZJZGSHR2":null,
            "ZJZGSHSJ":null,
            "ZJZGSHSJ2":null,
            "ZJGHSHR":null,
            "ZJGHSHR2":null,
            "ZJGHSHSJ":null,
            "ZJNFSHSJ":null,
            "ZJNFSHSJ2":null,
            "ZJNFSHR":null,
            "ZJNFSHR2":null,
            "ZJZFSHR":null,
            "ZJZFSHSJ":null,
            "CWSHR":null,
            "ZJGHSHSJ2":null,
            "CUN":"330172701050",
            "IF_TDZ":null,
            "IF_DXS":null,
            "WZYY":null,
            "SCITY":null,
            "XCITY":null,
            "VILLAGE":null,
            "SSZZ":null,
            "HQYJ":null,
            "HQR":null,
            "HQSJ":null,
            "GHFWLX":null,
            "TDQX":null,
            "FAMILYHOUSEID":null,
            "SBZT":"已提交",
            "FYSQR":null,
            "FYSQRID":null,
            "FYSQSJ":null,
            "JCYXSQR":null,
            "JCYXSQRID":null,
            "JCYXSQSJ":null,
            "YCLMSQR":null,
            "YCLMSQRID":null,
            "YCLMSQSJ":null,
            "JGYSSQR":null,
            "JGYSSQRID":null,
            "JGYSSQSJ":null,
            "JGYSJZSJ":null,
            "SFXSFB":null,
            "XZJDCZQK_BL":null,
            "XZJDCZQK_QT":null,
            "YDLX_NYD":null,
            "YDLX_NYD_QT":null,
            "NZJDJFDZ":null,
            "XCJSGHXKZH":null,
            "NCZJDPZSH":null,
            "SQR":"刘欣茹",
            "DBRID":null,
            "GJID":null,
            "ISZRSGUID":null,
            "SUNSHINEDIST":null,
            "JGRQ":null,
            "BUILDREASON_QT":null,
            "IFGJ":null,
            "OLD_GJ":null,
            "LSH":"SPJF-330102001005-2022-0003",
            "BUILDTYPE_DICNAME":"原址翻建",
            "SQFS_DICNAME":"他人代办"
        }],
      value: '',
    }
  },
  mounted(){
    dd.ready(function () {
      dd.setTitle({
        title: '危房改造',
      })
        .then((res) => {})
        .catch((err) => {
          console.error(err)
        })
    })
  },
  methods:{
    contentClick(data){
      this.$router.push({
        path:'/dataDetails'
      })
    },
    //鉴定报告预览
    handleJDBG(data){

    },
    //解危通知书预览
    handleJWTZS(data){

    }
  }
}
</script>
